<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wondershare player links</title>
<link href="${cssRoot}/m_ipad.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a name="0"></a>
<div id="side">
<h2 id="topColumn">Recommend Site</h2>
<ul id="sideMenu">
<#if items??>
	<#assign categories = items.categories>
	<#assign cateLinks = items.cateWebsiteLinks>
</#if>
<#if categories??>
	<#list categories as cc>	
			<li><img src="${cssRoot}/images/m/icon.png" border="0" />
			<a href="#${cc_index + 1}" onclick="_gaq.push(['_trackEvent', 'ipad', 'Category', '${cc}']);">${cc}</a></li>	
	</#list>
</#if>
</ul>
</div>

<div id="main">
<#if cateLinks??>
	<#list cateLinks as cl>
	<h3 class="column"><a name="${cl_index + 1}"></a> ${cl.category}</h3>
	<div class="itemBox">
		<#list cl.links as link>
			<li><a href="${link.link}" onclick="_gaq.push(['_trackEvent', 'ipad', 'Link', '${link.siteName}']);"><img src="${link.thumbnail}" border="0" /></a></li>
		</#list>		
	</div>
	</#list>
</#if>

</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-31046912-1']);
	_gaq.push(['_trackPageview']);
		
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})(); 
	
	$(function(){				
		var sh = 60;
		var h = $(window).height(); 
		$("#sideMenu").height(h-sh);
		$(window).resize(function() {
			var h = $(window).height(); 
			$("#sideMenu").height(h-sh);
		});
		
		var mh = 60;
		var hh = $(window).height(); 
		$("#main").height(hh-mh);
		$(window).resize(function() {
			var hh = $(window).height(); 
		$("#main").height(hh-mh);
		});
		});
</script>
</html>
